<!DOCTYPE html>
<html>

<head>
    <title>iBatchCubePharma-用户组管理</title>
    <meta charset="utf-8">
    <link href="../../webjar/bootstrap/3.3.7-1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../webjar/bootstrap-table/bootstrap-table.css">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.min.css">

    <link rel="stylesheet" href="../../webjar/css/mystyle.css">

    <script src="../../webjar/jquery/3.1.1/jquery.min.js"></script>
    <script src="../../webjar/bootstrap/3.3.7-1/js/bootstrap.min.js"></script>
    <script src="../../webjar/bootstrap-table/bootstrap-table.js"></script>
    <script src="../../webjar/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

    <script src="../../webjar/layer/layer.js"></script>
    <script src="../../webjar/plugins/layui/layui.js"></script>
    <script src="../Public/ServerPath.js"></script>
    <script src="UserGroup.js"></script>
    <script src="../Public/Sign.js"></script>
    <script src="../Public/cookie_util.js"></script>

</head>

<body>

<!--搜索区面板-->
<div class="panel panel-default">
    <div class= "panel-heading">
        <h2><span class="label label-custom">搜索区</span></h2>
    </div>
    <div class="panel-body row">
        <div class="form-group col-md-3">
            <div class="input-group">
                <div class="input-group-addon">用户组编号</div>
                <input  id="code" class="form-control" type="text">
            </div>
        </div>

        <div class="form-group col-md-3">
            <div class="input-group">
                <div class="input-group-addon">用户组名</div>
                <input  id="name" class="form-control" type="text">
            </div>
        </div>

        <div class="form-group form-inline col-md-2">
            <div class="input-group">
                <div class="input-group-addon">有效性</div>
                <select id="valid" class="form-control btn btn-default">
                    <option  value="All">全部</option>
                    <option   value="Invalid">有效</option>
                    <option  value="Valid">失效</option>
                </select>
            </div>
        </div>
        <button id="search" type="button" class="btn btn-custom btn-sm">搜索</button>
    </div>
</div>

<!--列表区域面板-->
<div class="panel panel-default">


    <div class= "panel-heading">
        <div class="row" stype="margin:0">
            <h2><span class="col-sm-6" style="padding: 0"><span class="label label-custom">用户组列表</span></span></h2>
            <!--面板内按钮-->
            <div class="col-sm-4" style="padding: 0" >
                <button id="ugAdd" type="button" class="btn btn-custom "><span class="fa fa-plus"></span> 添加</button>
                <button id="ugEdit" type="button" class="btn btn-custom "><span class="fa fa-edit"></span> 修改</button>
                <button id="groupUsersEdit" type="button" class="btn btn-custom  "><span class="fa fa-qrcode"></span> 成员管理</button>
                <button id="groupAuthorityEdit" type="button" class="btn btn-custom  "><span class="fa fa-cog"></span> 权限控制</button>
                <button id="groupLock" type="button" class="btn btn-custom  " style="display: none"><span class="fa fa-lock"></span> 锁定</button>
                <button id="ugDelete" type="button" class="btn btn-danger  "><span class="fa fa-minus-circle"></span> 失效</button>
            </div>
        </div>
    </div>

    <div class="panel-body">
        <!--列表内容-->
        <div class="bootstrap-table table" >
            <div class="table-responsive">
                <table id="userGroupTable" data-toggle="table"
                       data-click-to-select="true"
                       data-striped="true"
                       data-row-style="rowStyle"
                       data-cell-style="cellStyle"
                       data-pagination="true"
                       data-height="505"
                       data-unique-id="id">
                    <thead>
                    <tr>
                        <th data-field="state" data-radio="true"></th>
                        <th data-field="id" data-visible="false"></th>
                        <th data-field="code">用户组代码</th>
                        <th data-field="name">用户组名</th>
                        <th data-field="description">用户组描述</th>
                        <th data-field="statusDescription">用户组状态</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>

<!--弹出层定义-->
<div id="EditUserGroupDiv" hidden="true"></div>
<div id="AddUserGroupDiv" hidden="true"></div>
<div id="SignDiv" hidden="true"></div>
<div id="EditGroupUsersDiv" hidden="true"></div>
<div id="EditGroupAuthorityDiv" hidden="true"></div>
</body>

</html>